<html>
<head>
<title>Photoshop Layers Lesson 4</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table WIDTH=564 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <tr>
    <td valign="bottom" colspan="3"> <img src="images/headertop.gif" alt="Photoshop" width="659" height="53" align="absbottom"></td>
  </tr>
  <tr>
    <td valign="top" width="103" height="166"> 
      <div align="center"><img src="images/headerside.gif" hspace="0" vspace="0" alt="Tutorials" border="0" width="96" height="153" align="texttop"> 
        <img src="images/pssidebar.gif" width="72" height="504"> </div>
    </td>
	<td height="166"> &nbsp;&nbsp;&nbsp;</td>
    <td align="right" valign="top" width="536" height="166"> 
      <div align="left"></div>
      <table border="0" width="550" height="1369">
        <tr> 
          <td valign="top" align="center" colspan="4" height="28"> <img src="images/LessonTitle4.gif" width="306" height="50"></td>
        </tr>
        <tr> 
          <td valign="top" align="left" width="212" > 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="006633"><b>What 
              are layers?</b></font></p>
          </td>
          <td  height="74" width="11"><font face="Verdana, Arial, Helvetica, sans-serif"></font></td>
          <td  align="left" valign="top" colspan="2"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Layers 
              are like transparencies stacked one on top of one another. Each 
              layer can have different images and effects. When the layers are 
              stacked, the images appear as if they are all a single image.</font></p>
            <p>&nbsp;</p>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left"  height="14" colspan="4"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left"  height="142" width="212"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#006633"><b>Why 
              use layers?</b></font></p>
          </td>
          <td width="11">&nbsp;</td>
          <td  align="left" valign="top" colspan="2"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Layers 
              allow users to work on separate images in order to modify sections 
              without changing the entire image. </font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              example below contains three layers: the background yellow layer, 
              the red square layer and the green circle layer. If, for example, 
              the circle in this image were in the wrong place, you could easily 
              change its location by selecting the circle layer and moving the 
              circle without affecting the rest of the image. <br>
              <br>
              </font></p>
          </td>
        </tr>
        <tr> 
          <td align="left" colspan="4" height="261" valign="middle" > 
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="006633"><img src="images/flatlayers.gif" height="158" align="middle"><img src="images/37.gif" width="57" height="25" align="middle"> 
              </font><img src="images/layers.gif" align="middle" ><br>
              <br>
              <br>
            </div>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" height="12" colspan="4"> 
            <hr>
          </td>
        </tr>
        <tr> 
          <td valign="top" align="left" height="51" width="212"> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#006633"><b>What 
              are the icons<br>
              in the layers palette?</b></font></p>
          </td>
          <td height="51" width="11">&nbsp;</td>
          <td align="left" valign="top" colspan="2" height="51"> 
            <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">The 
              Layers palette has various icons that control the functions of the 
              layers in the image. Following is a description of some of the most 
              useful ones:<br>
              <br>
              </font></p>
          </td>
        </tr>
        <tr> 
          <td width="212"  valign="top" align="left"> 
            <div align="right"><br>
              <br>
              <br>
              <br>
              <img src="images/layerarrows.gif"></div>
          </td>
          <td height="1" width="11">&nbsp;</td>
          <td align="left" valign="top" width="311"> <font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/eyeicon.gif"  height="35"> 
            Notice the <font color="#ff0000"><b>red</b> </font>arrow on the Layers 
            window to the left. It is pointing to an image that looks like an 
            eye. This image acts as a show/hide feature for the corresponding 
            layer. When the eye is open, that layer is visible. When the eye is 
            shut, the layer is not visible. </font> 
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/paintbrush.gif"  height="28"> 
              The <font color="#008000"><b><font color="#00E600">green</font></b> 
              </font>arrow points to an image that looks like a paint brush. It 
              shows the layer that is active, in other words, the layer which 
              is currently editable.</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><img src="images/linkicon.gif"  height="36"> 
              The <font color="#0000ff"><b>blue</b> </font>arrow points to an 
              image that looks like a vertical chain link. This links two layers 
              together. For example, since the square layer and the circle layer 
              are linked together, moving the position of the circle in the image 
              would also change the position of the square. </font></p>
            <p><img src="images/newlayericon.gif"> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">The 
              <font color="#D82EEB"><b>purple</b></font> arrow points to the new 
              layer icon. A single-click on this icon will result in the automatic 
              creation of a new layer.</font></p>
            <p>&nbsp;</p>
          </td>
          <td  height="1" align="left" valign="top" width="55">&nbsp;</td>
        </tr>
        <tr> 
          <td valign="top" align="left" colspan="4" > 
            <p align="center"><a href="#top"><img src="images/EndOfLesson.gif" width="126" height="28" border="0"></a></p>
            <p align="center"><b><font face="Arial, Helvetica, sans-serif" size="1">Copyright 
              &copy; 2001, Bloomsburg University Virtual Training Help Center.<br>
              All rights reserved. This material may not be used without written 
              permission.<br>
              Contact Dr. Mary Nicholson at <a href="mailto:mjnich@bloomu.edu">mjnich@bloomu.edu<br>
              </a>The screenshots contained in this tutorial were created in Adobe 
              Photoshop 6.0.<a href="mailto:mjnich@bloomu.edu"> </a></font></b></p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
    
</body>
</html>

